// components/VisitLineChart.js
"use client";

import {
    LineChart,
    Line,
    XAxis,
    YAxis,
    CartesianGrid,
    Tooltip,
    ResponsiveContainer
} from "recharts";

const visitData = [
    { month: "1月", value: 2100 },
    { month: "2月", value: 1800 },
    { month: "3月", value: 2300 },
    { month: "4月", value: 2600 },
    { month: "5月", value: 2400 },
    { month: "6月", value: 2800 },
    { month: "7月", value: 3000 },
    { month: "8月", value: 2900 },
    { month: "9月", value: 3200 },
    { month: "10月", value: 3400 },
    { month: "11月", value: 3600 },
    { month: "12月", value: 3800 }
];

const VisitLineChart = () => (
    <ResponsiveContainer width="100%" height="100%">
        <LineChart data={visitData}>
            <Line type="monotone" dataKey="value" stroke="#f59e0b" strokeWidth={2} dot={false} />
        </LineChart>
    </ResponsiveContainer>
);

export default VisitLineChart;
